import React from 'react';
import { Cloud, Mail, Phone, MapPin, ExternalLink } from 'lucide-react';

const Footer = () => {
  return (
    <footer id="about">
      <div className="container">
        <div className="footer-container">
          <div className="footer-column footer-brand">
            <div className="footer-logo">
              <div className="footer-logo-icon">
                <Cloud size={24} />
              </div>
              <span className="footer-logo-text">九霄云阙</span>
            </div>
            <p className="footer-description">
              专业云管理服务提供商，助力企业数字化转型，提供一站式云解决方案。
            </p>
            <div className="footer-contact">
              <div className="contact-item">
                <Mail size={16} />
                <span>contact@novemcloud.com.cn</span>
              </div>
              <div className="contact-item">
                <Phone size={16} />
                <span>400-888-8888</span>
              </div>
              <div className="contact-item">
                <MapPin size={16} />
                <span>北京市朝阳区</span>
              </div>
            </div>
          </div>
          
          <div className="footer-column">
            <h3>云管理服务</h3>
            <ul>
              <li><a href="/services/strategy">云战略规划</a></li>
              <li><a href="/services/hosting">云托管服务</a></li>
              <li><a href="/services/migration">云迁移</a></li>
              <li><a href="/services/optimization">云优化</a></li>
            </ul>
          </div>
          
          <div className="footer-column">
            <h3>解决方案</h3>
            <ul>
              <li><a href="/solutions/security">云安全解决方案</a></li>
              <li><a href="/solutions/modernization">应用现代化</a></li>
              <li><a href="/solutions/industry">行业解决方案</a></li>
              <li><a href="/solutions/data">数据智能</a></li>
            </ul>
          </div>
          
          <div className="footer-column">
            <h3>具身智能</h3>
            <ul>
              <li><a href="http://embai.novemcloud.com.cn/" target="_blank" rel="noopener noreferrer">
                多模态感知 <ExternalLink size={12} />
              </a></li>
              <li><a href="http://embai.novemcloud.com.cn/" target="_blank" rel="noopener noreferrer">
                智能决策 <ExternalLink size={12} />
              </a></li>
              <li><a href="http://embai.novemcloud.com.cn/" target="_blank" rel="noopener noreferrer">
                机器人控制 <ExternalLink size={12} />
              </a></li>
              <li><a href="http://embai.novemcloud.com.cn/" target="_blank" rel="noopener noreferrer">
                智能交互 <ExternalLink size={12} />
              </a></li>
            </ul>
          </div>
          
          <div className="footer-column">
            <h3>关于我们</h3>
            <ul>
              <li><a href="/about">了解我们</a></li>
              <li><a href="/news">新闻动态</a></li>
              <li><a href="/careers">加入我们</a></li>
              <li><a href="/contact">联系我们</a></li>
            </ul>
          </div>
        </div>
        
        <div className="copyright">
          <p>
            Copyright © 北京九霄云阙科技有限公司 All rights reserved. 
            <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer nofollow">
              京ICP备2025123681号-1
            </a>
          </p>
        </div>
      </div>
    </footer>
  );
};

export default Footer;
